//$baseColor: #fff
//$primaryColor: #335fab
$containerWidth: 960px;
$largeContainerWith: 1200px;

@mixin clearfix {
  &:after {
    display: table;
    content: "";
    clear: both;
  }
}

@mixin expand-click-range {
  &:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@mixin text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

@mixin text-overflow-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
